extend ../layout

block content
	.container(style='background-color:#f8f8f8')
		.row
			.col-md-12(style="border-bottom:2px #dddcdc solid;margin-top:60px;padding-bottom:10px;margin-bottom:30px;text-align:center;font-size:16px;") >>>&nbsp;&nbsp;&nbsp;&nbsp;本日上新&nbsp;&nbsp;&nbsp;&nbsp;<<<
		.row
			.col-md-12(style="width:1170px;")
				section.parent
					section(id="section1")
						img(id="pic1",style="width:400px;height:450px;background:url('/img/macbook (1).jpg');background-repeat:no-repeat;;background-Position-X:center;background-Position-Y:center;background-size: auto auto;")
					section(id="section2")
						img(style="width:280px;height:300px;background:url('/img/display (2).jpg');background-repeat:no-repeat;background-Position-X:center;background-Position-Y:center;")
					section(id="section5")
						img(style="width:280px;height:300px;background:url('/img/ipad (1).jpg');background-repeat:no-repeat;background-Position-X:center;background-Position-Y:center;")
					section(id="section3")
						img(style="width:140px;height:140px;background:url('/img/small (6).jpg');background-repeat:no-repeat;background-Position-X:center;background-Position-Y:center;")
					section(id="section4")
						img(style="width:140px;height:150px;background:url('/img/xps (1).jpg');background-repeat:no-repeat;background-Position-X:center;background-Position-Y:center;")
					section(id="section6")
						img(style="margin-top:10px;width:140px;height:140px;background:url('/img/small (3).jpg');background-repeat:no-repeat;background-Position-X:center;background-Position-Y:center;")
					section(id="section7")
						img(style="width:135px;height:140px;background:url('/img/small (4).jpg');background-repeat:no-repeat;background-Position-X:center;background-Position-Y:center;")
					section(id="section8")
						img(style="width:135px;height:140px;background:url('/img/small (5).jpg');background-repeat:no-repeat;background-Position-X:center;background-Position-Y:center;")
					section(id="section9")
						img(style="width:140px;height:140px;background:url('/img/small (2).jpg');background-repeat:no-repeat;background-Position-X:center;background-Position-Y:center;")
					section(id="section10")
						img(style="width:124px;height:140px;background:url('/img/small (1).jpg');background-repeat:no-repeat;background-Position-X:center;background-Position-Y:center;")
					//-img(style="width:200px;height:400px;background:url('/img/macbook (1).jpg');background-repeat:no-repeat")
					//- each newitem in newitems
					//- 	each each_img in newitem.img_collection
					//- 		section
					//- 			img(style="width:200px;height:200px;background:url('#{each_img.src}');background-repeat:no-repeat")





			//- .col-md-5
			//- 	img(style="width:455px;height:455px;background:url('/img/macbook (1).jpg');background-repeat:no-repeat")
			//- .col-md-3
			//- 	img(style="width:300px;height:300px;background:url('/img/macbook (2).jpg');background-repeat:no-repeat")
			//- 	.col-md-1
			//- 		img(style="width:140px;height:140px;background:url('/img/macbook (3).jpg');background-repeat:no-repeat")
			//- 	.col-md-1
			//- 		img(style="width:140px;height:140px;background:url('/img/macbook (4).jpg');background-repeat:no-repeat")
			.col-md-1
			.col-md-10
										//- div(id="1",style="margin:0px;padding:0px;height:455px;border:1px black solid;")
										
										//- 		div(id="2",style="float:left;margin:0px;padding:0px;display:block;height:455px;width:455px;border:1px black solid;")
										//- 			img(style="max-width:450px;width:auto;height:450px;background-repeat:no-repeat",src="#{newitems[0].img_collection[0].src}")
										//- 		div(id="4",style="float:left;margin:0px;padding:0px;display:inline-block;height:100%;width:24%;border:1px black solid;")
										//- 			div(id="5",style="margin:0px;padding:0px;display:block;height:60%;width:100%;border:1px black solid;")
										//- 				img(style="max-width:370px;width:auto;height:270px;background-repeat:no-repeat",src="#{newitems[0].img_collection[1].src}")
										//- 			div(id="6",style="margin:0px;padding:0px;display:block;height:39%;width:100%;border:1px black solid;")
										//- 				div(id="7",style="margin:0px;padding:0px;display:inline-block;height:100%;width:49%;border:1px black solid;")
										//- 					img(style="max-width:180px;width:auto;height:170px;background-repeat:no-repeat",src="#{newitems[1].img_collection[0].src}")
										//- 				div(id="8",style="margin:0px;padding:0px;display:inline-block;height:100%;width:49%;border:1px black solid;")
										//- 					img(style="max-width:180px;width:auto;height:170px;background-repeat:no-repeat",src="#{newitems[1].img_collection[1].src}")
											
										//- 			//-div(style="margin:0px;padding:0px;display:inline-block;height:100%;width:60%;border:1px black solid;")
										
										//- 		div(id="9",style="float:left;margin:0px;padding:0px;display:inline-block;height:100%;width:24%;border:1px black solid;")
										//- 			div(id="10",style="margin:0px;padding:0px;display:inline-block;height:60%;width:100%;border:1px black solid;")
										//- 				img(style="max-width:370px;width:auto;height:270px;background-repeat:no-repeat",src="#{newitems[1].img_collection[2].src}")
										//- 			div(id="11",style="margin:0px;padding:0px;display:inline-block;height:39%;width:100%;border:1px black solid;")
										//- 				div(id="12",style="margin:0px;padding:0px;display:inline-block;height:100%;width:49%;border:1px black solid;")
										//- 					img(style="max-width:180px;width:auto;height:170px;background-repeat:no-repeat",src="#{newitems[2].img_collection[0].src}")
										//- 				div(id="13",style="margin:0px;padding:0px;display:inline-block;height:100%;width:49%;border:1px black solid;")
										//- 					img(style="max-width:180px;width:auto;height:170px;background-repeat:no-repeat",src="#{newitems[2].img_collection[1].src}")
										
										//- 		div(id="14",style="float:left;margin:0px;padding:0px;display:inline-block;height:100%;width:16%;border:1px black solid;")
										//- 			//-子元素只能为display:block 不能为inline-block 为啥why
										//- 			div(id="9",style="margin:0px;padding:0px;display:block;height:33%;width:99%;border:1px black solid;")
										//- 				img(style="max-width:240px;width:auto;height:140px;background-repeat:no-repeat",src="#{newitems[5].img_collection[0].src}")
										//- 			div(id="9",style="margin:0px;padding:0px;display:block;height:33%;width:99%;border:1px black solid;")
										//- 				img(style="max-width:240px;width:auto;height:140px;background-repeat:no-repeat",src="#{newitems[5].img_collection[1].src}")
										//- 			div(id="9",style="margin:0px;padding:0px;display:block;height:33%;width:99%;border:1px black solid;")
										//- 				img(style="max-width:240px;width:auto;height:140px;background-repeat:no-repeat",src="#{newitems[5].img_collection[2].src}")

			.col-md-1

			//- each newitem in newitems
			//- 	each each_img in newitem.img_collection
			//- 		img(style="width:455px;height:455px;background:url('#{each_img.src}');background-repeat:no-repeat")
	link(href="/css/new.css",rel="stylesheet")
	//- script(src="/js/new.js")
	//- script(src='https://unpkg.com/minigrid@3.0.6/dist/minigrid.min.js')
